<template>
  <div id="bkg_login">
    <!-- <p>(登录表单)</p> -->
    <!-- <router-link to="/admin">进入系统首页</router-link> -->
    <div class="header">
      <div style="float:right">
      <el-button class="index_button1">登录</el-button>
      <el-button type="warning" class="index_button2">注册</el-button>
      </div>
    </div>
    <div>
      <el-button type="warning" class="index_button3" @click="toIndex()">开&thinsp;启&thinsp;体&thinsp;验</el-button>
    </div>
  </div>
</template>
<script>
export default {
  name: 'Login',
  methods: {
    toIndex: function () {
            this.$router.push({path: '/admin'})
    },
  }
}
</script>
<style>
#bkg_login {
    background: url("../pics/purple3.png");
    background-size: 100% 100%;
    height: 980px;
    background-attachment: fixed;
    background-color: rgba(78, 78, 78, 0.438);
}

.header {
  height: 150px;
  padding: 30px 50px 0px 50px;
  /* float: right; */
  margin-bottom: 500px;
}

.index_button1 {
  font-size: 20px;
  box-shadow: 5px 5px 5px rgb(170, 160, 192);
  color: rgb(139, 115, 206);
  background-color: rgba(236, 232, 247, 0.5);
  border: 1px solid rgb(139, 115, 206);
  padding: 15px 25px 15px 25px;
  margin-right: 10px;
}

.index_button2 {
  font-size: 20px;
  box-shadow: 5px 5px 5px rgb(170, 160, 192);
  color: white;
  background-color: rgb(139, 115, 206);
  /* border: 1px solid white; */
  padding: 15px 25px 15px 25px;
}

.index_button3 {
  font-size: 20px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.185);
  color: white;
  background-color: rgb(139, 115, 206);
  /* border: 1px solid white; */
  padding: 15px 25px 15px 25px;
}
</style>